<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css"/>
	</head>
	<body>
		<!--
			1、边框
			2、宽松
			3、隔行变色
			4、悬停变色
		-->
		<table class="layui-table" lay-even>
			<thead>
				<tr>
					<th>ID</th>
					<th>姓名</th>
					<th>年龄</th>
					<th>性别</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>单元格</td>
					<td>单元格</td>
					<td>单元格</td>
					<td>单元格</td>
				</tr>
				<tr>
					<td>单元格</td>
					<td>单元格</td>
					<td>单元格</td>
					<td>单元格</td>
				</tr>
				<tr>
					<td>单元格</td>
					<td>单元格</td>
					<td>单元格</td>
					<td>单元格</td>
				</tr>
				<tr>
					<td>单元格</td>
					<td>单元格</td>
					<td>单元格</td>
					<td>单元格</td>
				</tr>
				<tr>
					<td>单元格</td>
					<td>单元格</td>
					<td>单元格</td>
					<td>单元格</td>
				</tr>
				<tr>
					<td>单元格</td>
					<td>单元格</td>
					<td>单元格</td>
					<td>单元格</td>
				</tr>
			</tbody>
			
		</table>
	</body>
	<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
</html>
